<!DOCTYPE html>
<title>box-sizing: border-box Reference File</title>
<link rel="author" title="Justin Hill" href="http://www.justin-hill.com">
<style>
  .container {
    width:50%;
    background: red;
  }
  .child {
    color: white;
    box-shadow: 0 0 0 10px black inset;
    width:50%;
    background:green;
    float: left;
    text-align: center;
    padding:10px 0;
  }
</style>
<body>
  <p> Test passes if green boxes are side by side with no red visible.</p>
  <div class="container">
    <div class="child">
      <p>left</p>
    </div>
    <div class="child">
      <p>right</p>
    </div>
  </div>
</body>